<!DOCTYPE html>
<html>
<head>
    <title>历史</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <#--样式-->
    <link rel="stylesheet" media="screen" href="${request.contextPath}/css/style.css">
    <#--layui-->
    <link rel="stylesheet" media="screen" href="${request.contextPath}/layui/css/layui.css">

</head>
<body >





    <div class="content" >



       <div >
           <#--月亮放置区-->
           <div class="light" style="cursor:pointer;" onclick="window.location.href = '/history/'">
           </div>

           <hr class="line-left">
           <hr class="line-right">

           <div class="main">
               <h1 class="title">新增事件集合 | 历史时期</h1>
           </div>




           <div class="textContent" style="padding-bottom: 300px;">

               <div style="width: 900px;">

                   <form class="layui-form" id="formPeriod">



                       <blockquote class="layui-elem-quote">
                           时期也常常是某些特殊事件的集合体，比如，中法战争、甲午战争、太平天国、鸦片战争、义和团运动。<br/>
                           我们常用最具代表性的生产工具来代表一个历史时期,人类至今的文明发展时代历程主要有:石器时代,青铜时代,铁器时代,蒸汽时代、电气时代、原子时代,信息时代。
                           但这里的时期表示更加广泛，可以理解为某一段历史事件的集合，比如日本的飞鸟时期、中原混战、冷战、五代十国等等，有一个明显的事件标志或者明显特征
                       </blockquote>

                       <div class="layui-form-item">
                           <label class="layui-form-label">历史主线开始</label>
                           <div class="layui-input-block">
                               <select name="historyIdStart" lay-filter="aihao" lay-search>
                                   <option value="">请选择历史主线</option>
                                   <#if historyMainList??>
                                       <#list historyMainList as historyMain>
                                           <#if historyMain??>
                                                <#if historyMain.ad == 1>
                                                    <#if historyMain.accuracy == 1>
                                                        <option value="${historyMain.id!''}">约 公元元年</option>
                                                    <#else >
                                                        <option value="${historyMain.id!''}">公元元年</option>
                                                    </#if>

                                                <#elseif historyMain.ad < 0>
                                                    <#if historyMain.accuracy == 1>
                                                        <option value="${historyMain.id!''}">约 公元前 ${historyMain.ad!''} 年</option>
                                                    <#else >
                                                        <option value="${historyMain.id!''}">公元前 ${historyMain.ad!''} 年</option>
                                                    </#if>

                                                <#else >
                                                    <#if historyMain.accuracy == 1>
                                                        <option value="${historyMain.id!''}">约 公元 ${historyMain.ad!''} 年</option>
                                                    <#else >
                                                        <option value="${historyMain.id!''}">公元 ${historyMain.ad!''} 年</option>
                                                    </#if>

                                                </#if>
                                           </#if>
                                       </#list>
                                   </#if>
                               </select>
                           </div>
                       </div>

                       <div class="layui-form-item">
                           <label class="layui-form-label">历史主线结束</label>
                           <div class="layui-input-block">
                               <select name="historyIdEnd" lay-filter="aihao" lay-search>
                                   <option value="">请选择历史主线</option>
                                   <#if historyMainList??>
                                       <#list historyMainList as historyMain>
                                           <#if historyMain??>
                                               <#if historyMain.ad == 1>
                                                   <#if historyMain.accuracy == 1>
                                                       <option value="${historyMain.id!''}">约 公元元年</option>
                                                   <#else >
                                                       <option value="${historyMain.id!''}">公元元年</option>
                                                   </#if>

                                               <#elseif historyMain.ad < 0>
                                                   <#if historyMain.accuracy == 1>
                                                       <option value="${historyMain.id!''}">约 公元前 ${historyMain.ad!''} 年</option>
                                                   <#else >
                                                       <option value="${historyMain.id!''}">公元前 ${historyMain.ad!''} 年</option>
                                                   </#if>

                                               <#else >
                                                   <#if historyMain.accuracy == 1>
                                                       <option value="${historyMain.id!''}">约 公元 ${historyMain.ad!''} 年</option>
                                                   <#else >
                                                       <option value="${historyMain.id!''}">公元 ${historyMain.ad!''} 年</option>
                                                   </#if>

                                               </#if>
                                           </#if>
                                       </#list>
                                   </#if>
                               </select>
                           </div>
                       </div>

                       <hr class="layui-bg-orange">

                       <div class="layui-form-item layui-form-text">
                           <label class="layui-form-label">时期名</label>
                           <div class="layui-input-block">
                               <input type="text" name="name" required lay-verify="required" placeholder="请输入名字，比如平安时期，必填" autocomplete="off" class="layui-input">
                           </div>
                       </div>

                       <div class="layui-form-item layui-form-text">
                           <label class="layui-form-label">开始时间</label>
                           <div class="layui-input-block">
                               <input type="text" name="start" required lay-verify="required"  placeholder="请输入开始时间，必填" autocomplete="off" class="layui-input">
                           </div>
                       </div>

                       <div class="layui-form-item layui-form-text">
                           <label class="layui-form-label">结束时间</label>
                           <div class="layui-input-block">
                               <input type="text" name="end" lay-verify="title" autocomplete="off" placeholder="请输入结束时间" class="layui-input">
                           </div>
                       </div>


                       <br/>
                       <br/>


                       <div class="layui-form-item">
                           <div class="layui-input-block">
                               <button class="layui-btn" lay-submit lay-filter="addPeriod">提交</button>
                               <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                           </div>
                       </div>

                   </form>

               </div>




           </div>



       </div>
    </div>




</body>


<!-- scripts -->

<#--layui-->
<script src="${request.contextPath}/layui/layui.js"></script>
<#--js-->
<script src="${request.contextPath}/js/jquery.min.js"></script>


<script>


    // 引入弹出层
    var form = null;
    layui.use('form', function(){
        form = layui.form;

        /**
         * 监听提交,新增事件
         */
        form.on('submit(addPeriod)', function(data){
            $.ajax({
                url:'/history/other/addPeriod', //请求的url地址
                dataType:'json', //返回的格式
                data: $("#formPeriod").serialize(),//参数值 {"id":"value"}
                type:'post', //请求的方式
                beforeSend:function(){ //请求前的处理
                    console.log("提交的数据:" + JSON.stringify(data.field))
                },
                success:function (req) {
                    if (req != null){
                        if (req.status === "success"){
                            layer.msg(req.msg);
                        } else {
                            layer.msg(req.msg);
                        }
                    } else {
                        console.log(req);
                    }
                },
                error:function (e) {
                    console.log(e);
                    layer.msg("未知错误");
                }
            });

            //返回false则不会重置
            return false;
        });
    });



</script>



</html>